<template>
  <div class="v-skeleton-item_image">
    <svg viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M64 896V128h896v768H64z m64-128l192-192 116.352 116.352L640 448l256 307.2V192H128v576z m224-480a96 96 0 1 1-0.064 192.064A96 96 0 0 1 352 288z"
      ></path>
    </svg>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'VImage',
})
</script>
<script lang="ts" setup></script>

<style lang="scss">
.v-skeleton-item_image {
  display: flex;
  align-items: center;
  justify-content: center;
  svg {
    fill: #dcdde0;
    width: 22%;
    height: 22%;
  }
}
</style>
